2023年1月14日 星期六

如何禁止網頁在ios 上手指雙點的時候放大

網路上搜尋有幾個解法如下:

1.在網頁上加一段javascript 語法 *有用* 

document.ondblclick = function(e) {
        e.preventDefault();
    }

2.加Meta如下 *實際測試沒有用* 

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=0"/>

3.加Css fix如下 *實際測試沒有用* 

body{
    touch-action: manipulation;
}

但是使用下面這段,可以禁止縮放,而且是雙點或用兩根指頭縮放都會禁止,但是因為網頁也不能往下滑動,所以如果網頁內容超出目前螢幕範圍外,就不能往下滑動瀏覽

body{
    touch-action: none;
}

以上,目前還不知道為何2跟3沒作用,上面的解法1只能讓兩次點擊時不會放大,但是兩隻手指縮放還是可以

2022年12月19日 星期一

youtube 以iframe嵌入網頁符合自適應RWD

 網頁版面為


<div class="videoWrapper">
<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/影片ID" title="YouTube video player" width="560"></iframe>
</div>

CSS樣式

.videoWrapper{
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
}

.videoWrapper iframe{
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
}

參考:
16:9的比例為 56.25%
4:3的比例為 75%

相關:
RWD:以區塊對角線的比例來設定隨螢幕大小自動伸縮的背景圖

2022年12月7日 星期三

如何檢查 mysqli_query() insert,update是否成功

要檢查 mysqli_query() 插入是否成功,可以使用 mysqli_affected_rows() 函數。 此函數返回受查詢影響的行數。 如果插入成功,受影響的行數應該大於 0。如下:
$result = mysqli_query($conn, $query);
if (mysqli_affected_rows($conn) > 0) {
    // insert was successful
} else {
    // insert failed
}
此方法僅適用於insert, update跟delete 的queries查詢。 對於select資料,mysqli_affected_rows() 將始終返回 0。 在這種情況下,可以使用 mysqli_num_rows() 檢查select查詢是否返回任何行。
$result = mysqli_query($conn, $query);
if (mysqli_num_rows($result) > 0) {
    // query returned one or more rows
} else {
    // query returned no rows
}